<template>
  <main class="main">
    <MovieList :toggleOpen1="toggleOpen1" :movies="movies" :isOpen1="isOpen1" />
    <WatchedMovieList
      :toggleOpen2="toggleOpen2"
      :isOpen2="isOpen2"
      :watched="watched"
      :avgSc="avgSc"
      :avgUserRating="avgUserRating"
    />
  </main>
</template>

<script>
import MovieList from "./MovieList.vue";
import WatchedMovieList from "./WatchedMovieList.vue";

export default {
  props: [
    "movies",
    "watched",
    "toggleOpen1",
    "isOpen1",
    "toggleOpen2",
    "isOpen2",
    "avgSc",
    "avgUserRating",
  ],
  components: { MovieList, WatchedMovieList },
};
</script>
